<!--推荐组件-->
<template>
  <section class="right-section commend-section">
    <div class="right-headline commend-headline">为您推荐</div>
    <ul class="commend-module">
      <li class="commend-list">
        <div class="commend-title">全力以赴守护春运旅途</div>
        <p class="commend-blurb">          迅速启动应急响应，24小时不间断除雪融冰，路警开道、结队通行，党员突击队、志愿服务队提供暖心服务……面对大范围雨雪冰冻天气，各地各部门以“雪”为令，全力减轻恶劣天气对春运的叠加影响，确保回家路安全畅通……</p>
      </li>
      <li class="commend-list">
        <!--                            红色分割线-->
        <div class="commend-decration"></div>
      </li>
      <li class="commend-list">
        <div class="commend-header">
          <div class="commend-title">长征途中的春节</div>
          <div class="commend-label label-parties">党史</div>
        </div>
        <p class="commend-blurb blurb-parties">        1935年大年三十（2月3日除夕日），红军从永宁出发，在金鹅池宿营，行军70里。
          <br>&nbsp;&nbsp;&nbsp;&nbsp;正月初一（2月4日春节），红军从金鹅池出发，到大坝宿营，行军60里。
          <br>&nbsp;&nbsp;&nbsp;&nbsp;初二（2月5日），从大坝到吴村，行军25里。
          <br>&nbsp;&nbsp;&nbsp;&nbsp;初三（2月6日），从吴村经炭场到建武城……
        </p>
      </li>
      <li class="commend-list">
        <div class="commend-decration"></div>
      </li>
      <li class="commend-list">
        <div class="commend-title">年货市场腾起浓浓“烟火气”</div>
        <p class="commend-blurb">        福兔辞旧春华启，龙腾新春气象新。春节将至，全国上下年味渐浓，家家户户都紧锣密鼓地置办起了年货，为即将到来的新年增添一份“仪式感”。春节期间，人们走亲访友、欢度佳节，释放出“年货经济”的强大消费潜力。如何更好发挥我国超大规模市场优势、进一步促进消费潜力释放？记者进行了采访……</p>
      </li>
    </ul>
  </section>
</template>

<script setup>

</script>

<style scoped>
/*为您推荐模块*/


.commend-section{
  /*height:45rem;*/
  margin-top: 2rem;

}

.commend-headline{
  margin-left: 0.5rem;
}
.commend-module{

}
.commend-list{
  margin-top: 1.5rem;
  /*margin-left: 1rem;*/
  list-style: none;
  cursor: pointer;
}
.commend-header{
  display: flex;
}
.commend-title{
  font-size: 15px;
  font-weight: bolder;
  margin-left: 0.5rem;
}
.commend-label{
  /*padding: 0 2px;*/
  width:3.5rem;
  height:1.6rem;
  border-radius: 10px;
  color:rgba(255, 255, 255, 1);
  font-weight: 700;
  text-align:center;
  line-height: 1.5rem;
  margin-left: 1rem;
  margin-top: 2px;
  letter-spacing: 0;
  background-color: rgba(156, 0, 0, 1);
}
.commend-blurb{
  letter-spacing: 1px;
  margin-top: 1rem;
  width:27rem;
  font-size:10px;
  margin-left: 0.5rem;
  /*background-color:yellow;*/
  line-height: 1.5rem;
  text-indent:20px ;
}
.blurb-parties:hover{
  color: rgba(156, 0, 0, 1);
}
.commend-decration{
  /*width:28rem;*/
  /*background-color: rgba(156, 0, 0, 1);*/
  /*height:0.5rem;*/
  width: 280px;
  height: 0px;

  border: 1px solid rgba(156, 0, 0, 1);
}
</style>
